$(function(){
	
	$("#userForm").validate({
		debug:true,
		submitHandler:function(form){
			form.submit();
		},
		// 设置高亮显示
		highlight:function(element,errorClass){
			var id = $(element).attr("id") ;
			if (id.indexOf(".") != -1) {
				id = id.replace(".","\\.") ;
			}
			$("#"+id+"Div").attr("class","col-md-6 has-error"); // 高亮一定是错误了
		},
		unhighlight:function(element,errorClass){
			var id = $(element).attr("id") ;
			if (id.indexOf(".") != -1) {
				id = id.replace(".","\\.") ;
			}
			$("#"+id+"Div").attr("class","col-md-6 has-success");
		},
		// 设置失败后的提示显示样式
		errorClass: "text-danger",
		// 设置成功后的显示样式
		success:function(error,element){
			var id = $(element).attr("id") ;
			if (id.indexOf(".") != -1) {
				id = id.replace(".","\\.") ;
			}
			id = id + "Msg" ;
			$("#" + id).empty() ;	// 先清除之前的所有内容
			$("#" + id).append("<span class='text-success glyphicon glyphicon-ok'></span>") ; 
			
		},
		// 设置错误后信息存放位置
		errorPlacement : function(error,element) {
			var id = $(element).attr("id") ;
			if (id.indexOf(".") != -1) {
				id = id.replace(".","\\.") ;
			}
			id = id + "Msg" ;
			$("#" + id).empty() ;	// 先清除之前的所有内容
			$("#" + id).append(error) ; 
		} , 
		rules:{
			"member.username": {
				required:true
			},
			"member.password":{
				required:true
			},
			"member.email":{
				required:true,
				email:true
			},
			"member.age":{
				digits:true,
				rangelength:[1,2]
			}
		}
		
	});
	
	
	
});

